<!-- 消息通知页面 -->
<template>
	<view class="context">
		<view class="list" v-for="i in 3">
			<view>
				<!-- 标题 -->
				<text class="title">会议邀请通知</text>
				<!-- 消息提示点 -->
				<view class="tip">
					<u-badge numberType="overflow" max="99" value="123"></u-badge>
				</view>

			</view>
			<text class="msg">您有一条会议邀请待查看 {{'>'}} 2024/01/20 07:21:00</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.list {
		height: 160rpx;
		width: 100%;
		border-bottom: 1rpx #bebebe solid;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.list text {
		padding: 1%;
		margin-left: 3%;
	}

	.title {}

	.tip {
		height: 60rpx;
		width: 60rpx;
		display: inline-block;
		color: white;
		text-align: center;
	}

	.tip text {
		padding: 1%;
	}

	.msg {
		font-size: 25rpx;
		color: #bebebe;
	}
</style>